<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="../include/laypublic.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <title>项目追踪详情</title>
</head>
<style>
    .layui-btn-red {
        border: 1px dashed #FF0000;
        background-color: #fff;
        color: #555;
    }

    .layui-btn-red:hover {
        border-color: #FF0000;
        color: #333
    }

    .layui-legend {
        background-color: #5fb878;
        font-size: 15px !important;
        width: 140px;
    }

    .layui-form-item {
        margin-bottom: 5px;
        clear: both;
        *zoom: 1;
    }

    .fieldset {
        margin-top: 5px;
        margin-bottom: 0px
    }

    .layui-form-label {
        width: 180px;
    }
</style>
<body>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-tab-item layui-show">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-tab layui-tab-brief" lay-filter="component-tabs-brief">
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show">
                                <!-- start 业务表单数据显示  put yourself data here -->
                                <form class="layui-form" id="addInfo_form">
                                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 16px;">
                                        <legend class="layui-btn layui-legend"
                                                style="text-align:left;cursor:default;fontSize:100px;">项目基础信息>
                                        </legend>
                                        <div style="margin-top:20px">
                                            <div class="layui-form-item">
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">项目名称</label>
                                                    <div class="layui-input-inline">
                                                        <input type="text" value="${proTrack.proName }"
                                                               style="border:0px;width:220px" readonly="readonly"
                                                               class="layui-input">
                                                    </div>
                                                </div>
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">项目类型</label>
                                                    <div class="layui-input-inline">
                                                        <input type="text" value="PPP项目" style="border:0px;"
                                                               readonly="readonly" class="layui-input">
                                                    </div>
                                                </div>
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">项目编号</label>
                                                    <div class="layui-input-inline">
                                                        <input type="text" value="${proTrack.proCode }"
                                                               style="border:0px;" readonly="readonly"
                                                               class="layui-input">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="layui-form-item">
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">申请公司</label>
                                                    <div class="layui-input-inline">
                                                        <input type="text" value="${bindOrgName}"
                                                               style="border:0px;width:220px" readonly="readonly"
                                                               class="layui-input">
                                                    </div>
                                                </div>
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">申请部门</label>
                                                    <div class="layui-input-inline">
                                                        <input type="text" value="${bindDeptName}" style="border:0px;"
                                                               readonly="readonly" class="layui-input">
                                                    </div>
                                                </div>
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">申请人</label>
                                                    <div class="layui-input-inline">
                                                        <input type="text" name="staffName"
                                                               value="${proTrack.staffName }" readonly="readonly"
                                                               style="border:0px" autocomplete="off"
                                                               class="layui-input">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="layui-form-item">
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">一般公共预算收入（亿元）</label>
                                                    <div class="layui-input-inline">
                                                        <input type="text" name="staffName"
                                                               value="${proTrack.pubIncome }" readonly="readonly"
                                                               style="border:0px" autocomplete="off"
                                                               class="layui-input">
                                                    </div>
                                                </div>
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">投资总额（万元）</label>
                                                    <div class="layui-input-inline" id="sumAmount">
                                                        <input type="text" name="staffName"
                                                               value="${proTrack.sumAmount }" readonly="readonly"
                                                               style="border:0px" autocomplete="off"
                                                               class="layui-input">
                                                    </div>
                                                </div>
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">建安工程费用（万元）</label>
                                                    <div class="layui-input-inline" id="sumCae">
                                                        <input type="text" name="staffName" value="${proTrack.sumCae }"
                                                               readonly="readonly" style="border:0px" autocomplete="off"
                                                               class="layui-input">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="layui-form-item">
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">项目重要等级</label>
                                                    <div class="layui-input-inline">
                                                        <input type="text" value="${proTrack.proLevel}类"
                                                               readonly="readonly" style="border:0px" autocomplete="off"
                                                               class="layui-input">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </fieldset>
                                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 16px;">
                                        <legend class="layui-btn layui-legend"
                                                style="text-align:left;cursor:default;fontSize:100px;">跟踪信息>
                                        </legend>
                                        <div style="margin-top:20px">
                                            <div class="layui-form-item">
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">跟踪日期</label>
                                                    <div class="layui-input-inline">
                                                        <div class="layui-input-inline">
                                                            <input type="text" class="layui-input"
                                                                   value="<fmt:formatDate value="${proTrack.trackDate }" pattern="yyyy-MM-dd"/>"
                                                                   style="border:0px;" readonly="readonly">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">项目阶段</label>
                                                    <div class="layui-input-inline">
                                                        <input type="text"
                                                               value="${proTrack.proStage == '1' ? '预立项通过':proTrack.proStage == '2' ? '控股立项通过':proTrack.proStage == '3' ? '资审通过':'投标' }"
                                                               readonly="readonly" style="border:0px" autocomplete="off"
                                                               class="layui-input">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="layui-form-item">
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">当日推进情况</label>
                                                    <div class="layui-input-inline">
                                                        <textarea readOnly="readOnly" maxlength="500"
                                                                  class="layui-textarea"
                                                                  style="width:899px;height:90px;">${proTrack.todayMemo}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="layui-form-item">
                                                <div class="layui-inline">
                                                    <label class="layui-form-label">次日推进计划</label>
                                                    <div class="layui-input-inline">
                                                        <textarea readOnly="readOnly" maxlength="500"
                                                                  class="layui-textarea"
                                                                  style="width:899px;height:90px;">${proTrack.tomorrowPlan}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </fieldset>
                                </form>
                                <!-- 务表单数据显示  -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    layui.config({
        base: '${ctx}/resources/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table', 'set', 'transfer', 'upload'], function () {
        var $ = layui.$
            , upload = layui.upload
            , table = layui.table
            , form = layui.form;

        upload.render({
            elem: '#upload-more'
            ,
            url: basePath + '/flowProcess/uploadAtt/'
            ,
            multiple: true
            ,
            accept: 'file'
            ,
            acceptMime: 'application/zip,application/x-rar-compressed,image/jpeg,image/png,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/pdf'
            ,
            before: function (obj) { //obj参数包含的信息
                layer.load(); //上传loading
            }
            ,
            done: function (res) {
                //如果上传失败
                if (res.code > 0) {
                    layer.closeAll('loading'); //关闭loading
                    return layer.msg(res.msg, {icon: 7});
                }
                //上传完毕
                if (res.entity != null && res.entity.length > 0) {
                    for (var i in res.entity) {
                        var contractInfoAtt = res.entity[i];
                        var arr = contractInfoAtt.split("|");
                        var imgSrc = "";
                        var suffix = arr[0].substring(arr[0].lastIndexOf(".") + 1, arr[0].length);
                        if (suffix == 'jpg' || suffix == 'png') {
                            imgSrc = "${fileHttpPre}/" + arr[2];
                        } else {
                            imgSrc = "${ctx}/resources/images/" + suffix + ".jpg";
                        }
                        $('#upload-more-list').append('<div class="layui-upload-img-div" id="upload_img_' + arr[1] + '"><img src="' + imgSrc + '" title="' + arr[0] + '" class="layui-upload-img"><div class="mask"><a href="javascript:void(0)" onclick="showImg(\'' + "${fileHttpPre}" + arr[2] + '\');">查看</a><a href="javascript:void(0)" onclick="del(\'' + arr[1] + '\')";>删除</a></div><p>' + arr[0] + '</p><input type="hidden" value="' + contractInfoAtt + '" id="fileAtt_' + arr[1] + '" name="fileAtts" ></input></div> ');
                    }
                }
            }
            ,
            allDone: function (obj) { //当文件全部被提交后，才触发
                layer.closeAll('loading'); //关闭loading
            }
            ,
            error: function () {
                layer.closeAll('loading'); //关闭loading
                //上传失败
                layer.msg("上传失败，请稍后再试~", {icon: 7});
            }
        });

        // 按钮事件
        var active = {
            to_pass_submit: function () {
                $('#flow_process_form_state').val("1");
                $('#flow_process_form_state_txt').val("审批通过");
                layer.open({
                    type: 1
                    , title: '审批通过确认'
                    , content: $('#flow_process_form')
                    , area: layui.admin.screen() < 2 ? ['80%', '460px'] : ['820px', '460px']
                    , btn: ['确定', '取消']
                    , btnAlign: 'c'
                    , yes: function (index, layero) {
                        var submitID = 'flow_process_from_submit'
                            , submit = layero.contents().find('#' + submitID);
                        //监听提交
                        form.on('submit(' + submitID + ')', function (data) {
                            var field = data.field; //获取提交的字段
                            layer.load();
                            //提交 Ajax 成功后，静态更新表格中的数据
                            $.ajax({
                                type: 'post',
                                url: basePath + "/flowProcess/dealWith",
                                data: $('#flow_process_form').serialize(),
                                success: function (result) {
                                    if (result.success) {
                                        layer.closeAll('loading'); //关闭loading
                                        layer.msg('处理成功~', {icon: 1});
                                        //两秒后关闭当前页面
                                        setTimeout(function () {
                                            // 刷新首页
                                            var iframe = window.parent.layui.admin.tabsBody(0).find(".layadmin-iframe");
                                            iframe[0].contentWindow.location.reload(true);
                                            top.layui.admin.closeThisTabs(); // 关闭当前标签页
                                        }, 2000);
                                    } else {
                                        layer.closeAll('loading'); //关闭loading
                                        layer.msg(result.msg, {icon: 7});
                                    }
                                }
                            });
                        });
                        submit.trigger('click');
                    }
                });
            },
            to_refuse_submit: function () {
                $('#flow_process_form_state').val("0");
                $('#flow_process_form_state_txt').val("审批终止");
                layer.open({
                    type: 1
                    , title: '审批终止确认'
                    , content: $('#flow_process_form')
                    , area: layui.admin.screen() < 2 ? ['80%', '460px'] : ['820px', '460px']
                    , btn: ['确定', '取消']
                    , btnAlign: 'c'
                    , yes: function (index, layero) {
                        var submitID = 'flow_process_from_submit'
                            , submit = layero.contents().find('#' + submitID);
                        //监听提交
                        form.on('submit(' + submitID + ')', function (data) {
                            var field = data.field; //获取提交的字段
                            layer.load();
                            //提交 Ajax 成功后，静态更新表格中的数据
                            $.ajax({
                                type: 'post',
                                url: basePath + "/flowProcess/dealWith",
                                data: $('#flow_process_form').serialize(),
                                success: function (result) {
                                    if (result.success) {
                                        layer.closeAll('loading'); //关闭loading
                                        layer.msg('处理成功~', {icon: 1});
                                        //两秒后关闭当前页面
                                        setTimeout(function () {
                                            // 刷新首页
                                            var iframe = window.parent.layui.admin.tabsBody(0).find(".layadmin-iframe");
                                            iframe[0].contentWindow.location.reload(true);
                                            top.layui.admin.closeThisTabs(); // 关闭当前标签页
                                        }, 2000);
                                    } else {
                                        layer.closeAll('loading'); //关闭loading
                                        layer.msg(result.msg, {icon: 7});
                                    }
                                }
                            });
                        });
                        submit.trigger('click');
                    }
                });
            }
        }
        // data-type事件
        $('.layui-btn.layuiadmin-btn-admin').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

    });

    //删除文件
    function del(index) {
        layui.$("#fileAtt_" + index).remove();
        layui.$("#upload_img_" + index).remove();
    }

    //根据url查看文件
    function showImg(url) {
        var openWin = window.open(url, '', 'left=410,height=768, width=1024, top=200,  toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no');
    }


</script>
</body>
</html>

